<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link id="theme" rel="stylesheet" type="text/css" href="css/design.css"
	title="theme" />
<link id="theme" rel="stylesheet" type="text/css" href="css/frm1.css"
	title="theme" />
<link rel="stylesheet" href="css/datepicker.css" type="text/css" />
<link
	href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/jquery-1.6.js"> </script>
<script type="text/javascript" src="javascript/datepicker.js"></script>
<script type="text/javascript" src="javascript/eye.js"></script>
<script type="text/javascript" src="javascript/utils.js"></script>
<script type="text/javascript" src="javascript/layout.js?ver=1.0.2"></script>
<script type="text/javascript" src="javascript/operations.js"></script>
<script type="text/javascript" src="javascript/easySlider1.5.js"></script>
<script type="text/javascript" src="javascript/jquery-validationengine.js"></script>
<script
	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script  type="text/javascript">
$().ready(function() {
	// validate the comment form when it is submitted
	$("#monForm").validate();
    $("#accordion").accordion();
    $( "#datepicker" ).datepicker();
  });
  </script>
<script>
  $(document).ready(function(){
    $.validator.addMethod("NumbersOnly", function(value, element) {
        return this.optional(element) || /^[0-9\-\+]+$/i.test(value);
    }, "Phone must contain only numbers, + and -.");
 
    $("#regForm").validate();
  });
  </script>
<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				controlsBefore:	'<p   style  id="controls">',
				controlsAfter:	'</p>',
				auto: true, 
				continuous: true
			});
			$("#slider2").easySlider({
				controlsBefore:	'<p id="controls2">',
				controlsAfter:	'</p>',		
				prevId: 'prevBtn2',
				nextId: 'nextBtn2'	
			});	
 $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  
      
        $("ul.topnav li span").click(function() { //When trigger is clicked...  
      
            //Following events are applied to the subnav itself (moving subnav up and down)  
            $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click  
      
            $(this).parent().hover(function() {  
            }, function(){  
                $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
            });  
      
            //Following events are applied to the trigger (Hover events for the trigger)  
            }).hover(function() {  
                $(this).addClass("subhover"); //On hover over, add class "subhover"  
            }, function(){  //On Hover Out  
                $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
        });  
      			
		});	
	</script>

{if isset($smarty.get.editpage) || isset($smarty.get.insert) ||
isset($smarty.get.projet)}
<script type="text/javascript"
	src="javascript/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
{literal}
	tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",

		plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

		// Theme options

		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",

		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

		theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",

		theme_advanced_toolbar_location : "top",

		theme_advanced_toolbar_align : "left",

		theme_advanced_statusbar_location : "bottom",

		theme_advanced_resizing : true,



		// Example content CSS (should be your site CSS)

		content_css : "css/content.css",



		// Drop lists for link/image/media/template dialogs

		template_external_list_url : "lists/template_list.js",

		external_link_list_url : "lists/link_list.js",

		external_image_list_url : "lists/image_list.js",

		media_external_list_url : "lists/media_list.js",



		// Style formats

		style_formats : [

			{title : 'Bold text', inline : 'b'},

			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},

			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},

			{title : 'Example 1', inline : 'span', classes : 'example1'},

			{title : 'Example 2', inline : 'span', classes : 'example2'},

			{title : 'Table styles'},

			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}

		],



		// Replace values for the template plugin

		template_replace_values : {

			username : "Some User",

			staffid : "991234"

		}

	});
	{/literal}
</script>
{/if}
<title>{$TITLE|default:''}</title>
</head>
<body>
	<div id="header">
		<div id="logo">
			<div id="slider"
				style="width: 696px; height: 220px; overflow: hidden;">
				<ul style="width: 3480px; margin-left: -2088px;">
					<li style="float: left;"><a href="#"><img height="200" width="500"
							src="css/images/pht1.jpg">
					
					</a></li>
					<li style="float: left;"><a href="#"><img height="200" width="500"
							src="css/images/pht2.jpg">
					
					</a></li>
					<li style="float: left;"><a href="#"><img height="300" width="500"
							src="css/images/pht3.jpg">
					
					</a></li>
					<li style="float: left;"><a href="#"><img height="200" width="500"
							src="css/images/pht4.jpg">
					
					</a></li>
					<li style="float: left;"><a href="#"><img height="200" width="500"
							src="css/images/pht5.jpg">
					
					</a></li>
				</ul>
			</div>
			<p id="controls" style="">
				<span id="prevBtn"><a href="javascript:void(0);">Previous</a> </span>
				<span id="nextBtn"><a href="javascript:void(0);">Next</a> </span>
			</p>

		</div>